<template>
  <f7-page>
    <f7-navbar title="支付密码设置" back-link=" "></f7-navbar>
    <div class="content-padding">
      <custom-input placeholder="请输入原密码(第一次设置可为空)"></custom-input>
      <custom-input placeholder="请输入六位新密码"></custom-input>
      <custom-input placeholder="确认新密码"></custom-input>
      <p><f7-link>忘记支付密码了？</f7-link></p>
      <f7-button fill color="blue" large>设置</f7-button>
    </div>
  </f7-page>
</template>

<script>
  export default {
    name: "set-pay-password"
  }
</script>

<style scoped lang="scss">
  .content-padding {
    padding-top: $padding20;
    .custom-input {
      margin-bottom: $padding20;
    }
    p {
      text-align: right;
      margin-bottom: $padding20;
    }
  }
</style>
